<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            什么是MVVM
            MVVM(Model-View-ViewModel)是一种软件架构设计模式

            MVVM分为三个部分：
                M：model模型层，值为数据模型，负责业务数据
                V:view视图层   负责试图，细分为html+css层，方便展示model层的数据
                VM：viewmodel视图数据层 可以看作view和model的链接桥梁，负责监听m或者v的修改，实现MVVM双向绑定的要点

            viewmodel是vue.js的核心，它是一个vue实例
            MVVM支持双向绑定，意思就是当M层数据进行修改时，VM层会监测到变化，并且通知V层进行相应的修改，反之修改V层则会通知M层数据进行修改
        
        */




    </script>
</body>
</html>